<template>
  <view class="uhdwa">
  <z-swiper v-model="list" ref="swiperItem" :options="{slidesPerView: 3, loop: true, centeredSlides: true, spaceBetween: 30}">
    <z-swiper-item v-for="(item, index) in list" :key="index">
      <image class="image" :src="item" mode="aspectFill"></image>
    </z-swiper-item>
  </z-swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: [
        'https://xnlv-test.lizxx.com/image/xnlv/static/yunzhanguan/Group907.png',
        'https://xnlv-test.lizxx.com/image/xnlv/static/yunzhanguan/Group1503-1.png',
        'https://xnlv-test.lizxx.com/image/xnlv/static/yunzhanguan/yunzhanguanFrame-13141.png',
      ],
    };
  },
  methods: {
    
  },
};
</script>

<style scoped>
.uhdwa{
	position: absolute;
	z-index: 5;
	width: 100vw;
	height: 80vh;
	border: 2px solid red;
}
.image {
  width: 100%;
  height: 300rpx;
}
</style>